.container {
    width: $min-width;
    margin: 0 auto;
}
.clearfix::after {
    content: '';
    display: block;
    clear: both;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

img {
    width: 100%;
    height: 100%;
}
.checked {
    border-color:#FF6600;
}

.header-logo {
    width: 55px;
    height: 55px;
    background-color: #FF6600;
    a {
        display: inline-block;
        width: 110px;
        height: 55px;
        &::before {
            content: ' ';
            @include bgImg(55px,55px,'/imgs/mi-logo.png');
            transition: margin .2s;
        }
        &::after {
            content: ' ';
            @include bgImg(55px,55px,'/imgs/mi-home.png');
        }
        &:hover::before {
            margin-left: -55px;
            transition: margin .2s;
        }
    }
}